/*全局定义 begin by Lixin666 2018.04.08 */
body{
    background: orangered url("../image/bg.jpg") repeat-x left top;
    font-size: 62.5%;
    font-family:"宋体" ;
    /*
    习惯做法：
        方便em单位的计算，默认font-size=16px,做计算不方便，
        所以设置计算（em/rem)基准为16*0.625=10px
        在谷歌浏览器（Chrome）中现实最小为12px
    */
}

a{
    text-decoration: none;  /*去掉连接标签a的默认下划线*/
}
/*无序，有序列表的默认风格去掉*/
ol,ul,li{
    margin: 0;
    padding: 0;
}

p{
    margin: 0;
    padding: 0;
}

li{
    list-style-type: none;  /*去除列表前的默认符号*/
}
h1，h2,h3,h4,h5,h6{
    margin: 0;   /*外边距为0*/
    padding: 0;  /*内边距为0*/
    font-size: 1.2em;
    font-weight: normal;/*字体粗细风格为正常*/
}
/*全局定义 end By Lixin666 2018.04.06*/


/*布局定义 begin By Lixin666 2018.04.06*/
.wrapper{
    width: 1006px;
    margin: 0 auto;
}
.header{
    width: 1006px;
    height: 215px;
    background-color: #fff;
}
.main{
    width: 1006px;
    min-height: 500px;
    background-color: #fff;
}
.footer{
    width: 1006px;
    height: 40px;
    background-color: #75c0d7;
}

/*布局定义 end By Lixin666 2018.04.06*/
/* CSS 下拉菜单 begin By Lixin666 2018.04.08*/
.header .nav{
    width: 1006px;
    height: 36px;  /* 215(.header)-179(.title)=36 */
    background: #134687 url("../image/dhbj1.gif") repeat-x left top;
}
.header .menu{
    margin-left: 53px;      /* (1006-100*9)/2=53;  通过固定边距使其剧中*/
}
.header .menu li{
     float: left;
     width: 100px;
     height: 36px;
     text-align: center;
     background: transparent url("../image/dhfgf.gif") no-repeat left top;
 }

/*     随代码量的增大，保持规范的一级一级模式，尽量限定在一个范围内对样式进行修改。
       与此同时，代码的复用程度会降低。
 */

/*限定选择器*/
.header li{
    float: left;   /*块浮动 left right none*/
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}
.header .menu li.no_fgf{
    background-image: none;
}

.header .menu li:hover{
    background: transparent url("../image/dhbj2.gif") no-repeat left top;
}

.header .menu li a{
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
}
/*二级菜单定义 begin By Lixin666*/
.header  .submenu{
    position: absolute;  /*为其他的块级元素定位让出空间*/
    visibility: hidden;
}
/*光标上极菜单项(li)被覆盖，子菜单显示*/
.header .menu li:hover .submenu{
    visibility: visible;
}

.header .submenu li{
    float: none;   /*取消继承上级的浮动*/
    height: 24px;  /*24(内容高度)+1(底部边框)=25(实际占用高度)*/
    width: 98px;
    line-height: 25px;
    text-align: left;
    background: #fff none;
    /*background-image: none;*/
    border-left: #aaa 1px solid;
    border-right: #aaa 1px solid;
    border-bottom: #aaa 1px solid;
}

.header .submenu li:hover{
    background: #7cacdc none;
}

.header .submenu li a{
    color: #222;
    font-size: 1.2em;
    padding-left: 10px;
}

/*二级菜单定义 end By Lixin666*/

/* CSS 下拉菜单 begin By Lixin666 2018.04.08*/
.header .nav{
    width: 1006px;
    height: 36px;  /* 215(.header)-179(.title)=36 */
    background: #134687 url("../image/dhbj1.gif") repeat-x left top;
}
.header .menu{
    margin-left: 53px;      /* (1006-100*9)/2=53;  通过固定边距使其剧中*/
}
.header .menu li{
    float: left;
    width: 100px;
    height: 36px;
    text-align: center;
    background: transparent url("../image/dhfgf.gif") no-repeat left top;
}

/*     随代码量的增大，保持规范的一级一级模式，尽量限定在一个范围内对样式进行修改。
       与此同时，代码的复用程度会降低。
 */

/*限定选择器*/
.header .menu li{
    float: left;   /*块浮动 left right none*/
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: transparent url("../image/dhfgf.gif") no-repeat left top;
}
.header .menu li.no_fgf{
    background-image: none;
}

.header .menu li:hover{
    background: transparent url("../image/dhbj2.gif") no-repeat left top;
}

.header .menu li a{
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
}
/*二级菜单定义 begin By Lixin666*/
.header  .submenu{
    position: absolute;  /*为其他的块级元素定位让出空间*/
    visibility: hidden;
}
/*光标上极菜单项(li)被覆盖，子菜单显示*/
.header .menu li:hover .submenu{
    visibility: visible;
}

.header .submenu li{
    float: none;   /*取消继承上级的浮动*/
    height: 24px;  /*24(内容高度)+1(底部边框)=25(实际占用高度)*/
    width: 98px;
    line-height: 25px;
    text-align: left;
    background: #fff none;
    /*background-image: none;*/
    border-left: #aaa 1px solid;
    border-right: #aaa 1px solid;
    border-bottom: #aaa 1px solid;
}

.header .submenu li:hover{
    background: #7cacdc none;
}

.header .submenu li a{
    color: #222;
    font-size: 1.2em;
    padding-left: 10px;
}

/*二级菜单定义 end By Lixin666*/

/* CSS 下拉菜单 begin By Lixin666 2018.04.08*/
.header .nav{
    width: 1006px;
    height: 36px;  /* 215(.header)-179(.title)=36 */
    background: #134687 url("../image/dhbj1.gif") repeat-x left top;
}
.header .menu{
    margin-left: 53px;      /* (1006-100*9)/2=53;  通过固定边距使其剧中*/
}


/*     随代码量的增大，保持规范的一级一级模式，尽量限定在一个范围内对样式进行修改。
       与此同时，代码的复用程度会降低。
 */



/*限定选择器*/
.header .menu li.no_fgf{
    background-image: none;
}

.header .menu li:hover{
    background: transparent url("../image/dhbj2.gif") no-repeat left top;
}

.header .menu li a{
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
}
.header .title{
    width: 1006px;
    height: 179px;
    background: #005099 url("../image/topbannerbg1006.png");
}
.header .title img{
    margin-left: 55px;
    margin-top: 32px;
}
/*二级菜单定义 begin By Lixin666*/
.header  .submenu{
    position: absolute;  /*为其他的块级元素定位让出空间*/
    visibility: hidden;
}
/*光标上极菜单项(li)被覆盖，子菜单显示*/
.header .menu li:hover .submenu{
    visibility: visible;
}

.header .submenu li{
    float: none;   /*取消继承上级的浮动*/
    height: 24px;  /*24(内容高度)+1(底部边框)=25(实际占用高度)*/
    width: 98px;
    line-height: 25px;
    text-align: left;
    background: #fff none;
    /*background-image: none;*/
    border-left: #aaa 1px solid;
    border-right: #aaa 1px solid;
    border-bottom: #aaa 1px solid;
}

.header .submenu li:hover{
    background: #7cacdc none;
}

.header .submenu li a{
    color: #222;
    font-size: 1.2em;
    padding-left: 10px;
    font-weight: normal;
}

/*二级菜单定义 end By Lixin666*/

/* CSS 下拉菜单 end By Lixin666 2018.04.06*/

/*header 风格定义 end By Lixin666 2018.04.08*/
/*footer 风格定义 begin By Lixin666 2018.04.08*/
.footer address{
    display: block;
    height: 40px;
    line-height: 40px;      /*块级元素垂直居中做法*/
    text-align: center;     /*水平居中 */
    font-style: normal;
    font-size: 1.2em;
}
/*footer 风格定义 end By Lixin666 2018.04.08*/

/*页面主体 begin By Lixin666   2018.04.09   */

/* 左侧栏 begin By Lixin666   2018.04.09 */
.main .sidebar{
    float: left;
    width: 160px;
    min-height: 500px;
}
/*快捷通道  begin*/
.main .sidebar .quick_menu{
    width: 160px;
    height: 322px;
    background:transparent url("../image/quick_menu_bg.png") no-repeat right top;
    padding-top: 21px;
    /* 实际站位高度 343=322(height)+21(padding-top)  */
}

.main .sidebar .quick_menu li{
    width: 160px;
    height: 32px;      /* 站位高度340=322+21 */
    line-height: 32px;
    background: transparent url("../image/quick_menu_li.png") no-repeat left top;
}

.main .sidebar .quick_menu li.title{
    width: 160px;
    height: 66px;
    background: transparent url("../image/quick_menu_li_title.png")no-repeat left top;
}
.main .sidebar .quick_menu li a{
    display: block;   /*把a标签从行级元素变为块级属性，具有了上下边距*/
    color: #fff;
    font-size: 1.55em;
    font-weight: bolder;
    font-family: "黑体";
    margin-left: 32px;
    /*margin-top: 3px;*/
}
/*快捷通道 end*/
/*常用链接 begin*/
.main .sidebar .links li{
    width: 160px;
    height: 20px;
    line-height: 20px;
}

.main .sidebar .links li.title{
    height: 40px;
    background: transparent url("../image/link.jpg") no-repeat 30% 70%;
}
.main .sidebar .links li a{
    color: #000;
    margin-left: 25px;
}
/*常用链接 end*/
/*左边栏 end By Lixin666 2018.04.09*/


/*内容区域公共风格 begin By Lixin666 2018.04.13*/
/*定义news_title 不要封闭的span为块*/
.main span.block{
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
}

/*news_title 的左圆角*/
.main span.corner_left{
    width: 10px;
    background: #fff url("../image/content_title_corner.png") no-repeat 0 0;
}

/*news_title 的中间部分*/
.main span.title_center{
    font-size: 1.2em;
    background: #fff url("../image/content_title_corner.png") repeat-x 0 -40px;
}

/*new_title的中间部分另一种风格*/
.main span.title_center_white{
    font-size: 1.2em;
    background-color: #fff;
    /*height: 39px;*/
    border-bottom: #c7d4d6 1px solid;
}
/*news_title 的右圆角*/
.main span.corner_right{
    width: 10px;
    background: #fff url("../image/content_title_corner.png") no-repeat 0 -80px;
}
/*左边框*/
.main .left_border{
    border-left: #638da0 2px solid;       /*  配合Corner left-right  1px 改为2px   lixin */
}
/*右边框*/
.main .right_border{
    border-right: #638da0 2px solid;      /*  配合Corner left-right  1px 改为2px   lixin */
}

/*title的拐角*/
.main .right_angle{
    width: 8px;   /*  9+1(border)=10px  */      /*  8+2=10px 控制标题栏 最新动态就业信息的边框
                                                与 block-Corner对齐   lixin */
    background-color: #fff;
}
/*more图标定义*/
.main .more{
    float: right;
    margin-right: 20px;
    display: table-cell;    /*显示为单元格*/
    height: 40px;
    vertical-align: middle;
}

/*信息内容的时间显示*/
.main span.time{
    float: right;
    color: #cacaca;
    font-size: 1.2em;
}

.main .content_left  span.time{
    color: #000;
}


/*内容区域标题 news_title*/
.main .news_title{
    height: 40px;
}


/*链接风格*/
.main .news_content a{
    color: #000;
    font-size: 1.2em;
}
.main .news_content a:hover{
    color: #ff0000;
}

/*信息内容的列表显示*/
.main .news_content li{
    list-style: inside url("../image/point.gif") ;
    border-bottom: #dddddd 1px dashed;
}

.main .content_left .news_content li{
    height: 24px;
    line-height: 24px;
    margin-left: 15px;
    margin-right: 20px;
}
.main .content_right .news_content li{
    height: 24px;
    line-height: 24px;
    margin-left: 10px;
    margin-right: 10px;
}


/*内容区域公共风格 end By Lixin666 2018.04.13*/

/*内容区域的具体风格  begin By Lixin666 2018.04.13*/
.main .content{
    float: left;
    width: 846px;
    min-height: 500px;
}
/*左边内容区域*/
.main .content_left{
    float: left;
    width: 546px;
    min-height: 500px;
    background: #fff url("../image/content_right_border_2.png") repeat-y right top;
}
/*右边内容区域*/
.main .content_right{
    float: left;
    width: 300px;
    min-height: 500px;
    background: #fff url("../image/content_right_border_2.png") repeat-y right top;

}
/*图片新闻*/
.main .content_left .news_photo{
    width: 544px;
    height: 290px;
    background: transparent url("../image/content_right_border_1.png") no-repeat right top;
}

.main .content_left .news_photo span.title_center{
    width: 521px;
}
.main .content_left .news_photo .news_content{
    width: 537px;            /*  539px-1px*2=537px   lixin */
    height: 250px;
    background-color: #fff;
}

/*图片轮播  CSS   begin by Lixin666  2018.05.15 */
.main .content .content_left .news_photo .new_pic{
    position: relative;
    width: 480px;
    height: 250px;
    text-align: center;
    margin-left: 30px;
    overflow:hidden;
}

.main .content .content_left .news_photo .new_pic ul{
    width: 84px;
    height: 24px;
    position: absolute;
    right: 0;
    bottom: 24px;
}

.main .content .content_left .news_photo .new_pic li{
    float: left;
    width: 20px;
    height: 23px;
    line-height: 24px;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    background-color: #5a5a5a;
    border-left: #f7f7f7 1px solid;
    list-style: none;
}

.main .content .content_left .news_photo .new_pic li:hover{
    background-color: #b7b7b7;
}

.main .content .content_left .news_photo .new_pic img{
    width: 480px;
    height: 226px;
    border-image: 0;
}

.main .content .content_left .news_photo .new_pic p{
    width: 480px;
    height: 24px;
    line-height: 24px;
    ovrflow:hidden;
}

.main .content .content_left .news_photo .new_pic ul a{
    color: white;
}

/*图片轮播  CSS   end by Lixin666  2018.05.15 */


/*最新动态*/
.main .content_left .news_update{
    width: 546px;
    height: 290px;
}

.main .content_left .news_update span.title_center_white{
     width: 521px;
 }
.main .content_left .news_update .news_content{
    width: 537px;           /*  539px-1px*2=537px   lixin */
    height: 250px;
    background-color: #fff;
}
/*通知公告*/
.main .content_right .news_notice{
    width: 300px;
    height: 290px;
    background: transparent url("../image/content_right_border_1.png") no-repeat right top;
}
.main .content_right .news_notice span.title_center{
    width: 275px;
}
.main .content_right .news_notice .news_content{
    width: 291px;               /*  293px-1px*2=291px   lixin */
    height: 250px;
    background-color: #fff;
}
/*就业信息*/
.main .content_right .news_job{
    width: 300px;
    height: 290px;
}
.main .content_right .news_job span.title_center_white{
    width: 275px;
}
.main .content_right .news_job .news_content{
    width: 291px;            /*  293px-1px*2=291px   lixin */
    height: 250px;
    background-color: #fff;
}





/*内容区域的具体风格  end By Lixin666 2018.04.13*/

/*滚动相册  begin By Lixin666 2018.04.16*/
.main .album{
    float: left;
    width: 950px;
    height: 125px;
    margin: 10px 28px 10px 28px;
    overflow: hidden;
}

.main .album li{
    float: left;
    width: 180px;
    height: 125px;
    margin: 0 5px;
}

.main .album img{
    width: 180px;
    height: 125px;
}

.main .album #innerdiv{
    width: 200%;
}
.main .album #scroll_begin, .main .album #scroll_end{
    float: left;
}




/*滚动相册  end By Lixin666 2018.04.16*/

/*页面主体 end By Lixin666     2018.04.09  */
